<template>
		<div  class="special m-t-20">
			<h2  class="m-b-12">专题</h2>
			
			<swiper ref="mySwiper" :options="bannerOptions">
				<swiper-slide class="my-slide">
					<img src="../../assets/img/goods_ber1.png" />
				</swiper-slide>
				<swiper-slide class="my-slide">
					<img src="../../assets/img/goods_ber2.png" />
				</swiper-slide>
				<swiper-slide class="my-slide">
					<img src="../../assets/img/goods_ber3.png" />
				</swiper-slide>
				<swiper-slide class="my-slide">
					<img src="../../assets/img/goods_ber4.png" />
				</swiper-slide>
				<swiper-slide class="my-slide">
					<img src="../../assets/img/goods_ber5.png" />
				</swiper-slide>
			</swiper>
		</div>
</template>

<script>
	export default{
		data(){
			return {
				bannerOptions:{
					freeMode : true,
					slidesPerView :'auto',
					spaceBetween : 8,
				},		
				
			}
		},
		list : [
			{}
		]
	}
</script>

<style scoped lang="less">
	other-container{
		margin:10px 12px 0;
	}
	
	.special{
		h2{
			font-size: 20px;
		}
		
		.my-slide{
			width:40%;
			box-sizing: border-box;
			img{
				width:100%;
				border-radius: 8px;
			}
		}
	}
</style>
